<template>
    <div style="margin: 0px auto">
        <h1>解决商品问题</h1>
        <template>
            <el-table
                    :data="tableData"
                    border
                    style="width: 100%">
                <el-table-column
                        fixed
                        prop="date"
                        label="商品名称"
                        width="150">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="为解决的商品问题"
                        width="120">
                </el-table-column>
                <el-table-column
                        prop="province"
                        label="日期"
                        width="120">
                </el-table-column>
                <el-table-column
                        prop="city"
                        label="问题商品数量"
                        width="120">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="商品状态（已上架，未上架）"
                        width="300">
                </el-table-column>
                <el-table-column
                        prop="zip"
                        label="商品库存"
                        width="120">
                </el-table-column>
                <el-table-column
                        fixed="right"
                        label="操作"
                        width="100">
                    <template slot-scope="scope">
                        <!--具体操作-->
                        <el-button @click="handleClick(scope.row)" type="text" size="small">加入商品库存</el-button>
                        <el-button @click="handleClick(scope.row)" type="text" size="small">删除</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </template>
    </div>
</template>

<script>
    export default {
        name: "solve_issue",
        data() {
            return {
                //测试用的数据，可以删除
                tableData: [{
                    date: '2016-05-02',
                    name: '王小虎',
                    province: '上海',
                    city: '普陀区',
                    address: '上海市普陀区金沙江路 1518 弄',
                    zip: 200333
                }, {
                    date: '2016-05-04',
                    name: '王小虎',
                    province: '上海',
                    city: '普陀区',
                    address: '上海市普陀区金沙江路 1517 弄',
                    zip: 200333
                }, {
                    date: '2016-05-01',
                    name: '王小虎',
                    province: '上海',
                    city: '普陀区',
                    address: '上海市普陀区金沙江路 1519 弄',
                    zip: 200333
                }, {
                    date: '2016-05-03',
                    name: '王小虎',
                    province: '上海',
                    city: '普陀区',
                    address: '上海市普陀区金沙江路 1516 弄',
                    zip: 200333
                }]
            }
        }
    }
</script>

<style scoped>

</style>